<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/infoNew.css?v=1.1">
<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/guide/examPointDetail.css?v=1.1.2.1">


<section id="examPointDetail">
    <div class="guideContent">
        <div class="guideBanner">
            <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/banner1@2x.png" alt=""></a>
            <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/banner2023@2x.png" alt=""></a>
        </div>
        <p class="aboutLink"><a href="/">首页 > </a> <a href="/guide.html">雅思指南</a> > <a href="/ieltstestcenter.html">考试地点</a>  > <?php echo $city?>地区</p>
        <div class="aboutUsContent">
            <div class="guideContentLeft">
                <div class="pointBanner">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/pointDetailBanner@2x.png" alt="">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/erwema.jpg" alt="二维码" class="erweima">
                </div>
                <div class="pointDetailCover">
                    <p class="pointDetailTitle"><?php echo $city?>地区雅思考点信息</p>
                    <div class="pointDetailFather">
                        <?php foreach($data as $v){?>
                        <table class="pointDetailContent" cellspacing="0">
                            <tr>  <td class="infoName">考点代码</td>   <td class="infoDes"><?php echo $v['code']?></td>  </tr>
                            <tr>  <td class="infoName">考点名称</td>   <td class="infoDes"><?php echo $v['name']?></td>  </tr>
                            <tr>  <td class="infoName">地址</td>       <td class="infoDes"><?php echo $v['address']?></td>  </tr>
                            <tr>  <td class="infoName">笔试考场</td>   <td class="infoDes"><?php echo $v['writtenExam']?></td>  </tr>
                            <tr>  <td class="infoName">口试考场</td>   <td class="infoDes"><?php echo $v['spokenExam']?></td>   </tr>
                            <tr>  <td class="infoName">电话</td>       <td class="infoDes"><?php echo $v['phone']?></td>   </tr>
                            <tr>  <td colspan="2">交通 <?php echo $v['traffic']?></td>   </tr>
                            <tr>  <td colspan="2"><a href="javascript:void(0)" @click="sendPoint(<?php echo $v['id']?>)" class="sendPointBtn">考点信息发送至手机</a></td>   </tr>
                        </table>
                        <?php }?>
                    </div>
                </div>
                <!-- 底部统一商桥-->
                <div class="guideBottom">
                    <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/iconquestion@2x.png" alt="">
                        <span>雅思报考疑问</span>
                    </a>
                    <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/icontanhao@2x.png" alt="">
                        <span>雅思考前注意事项</span>
                    </a>
                </div>

                <div style="padding: 30px">
                <!-- 精品课程-->
                <div class="infoRecommon">
                    <p class="recommonTitle">精品课程</p>
                    <div class="recommonCourse">
                        <?php foreach ($jpCourse as $v) { ?>
                            <a href="/course-detail/<?php echo $v['id'] ?>.html" class="reCourseItem">
                                <img src="<?php echo $v['pic'] ?>" alt="课程图片"
                                     class="reItemImg">
                                <div class="recourseDetail">
                                    <p class="recourseName"><?php echo $v['name'] ?><?php if ($v['cate'] == 2) {
                                            echo '小班课';
                                        } elseif ($v['cate'] == 1) {
                                            echo '大班课';
                                        } elseif ($v['cate'] == 3) {
                                            echo '单项课';
                                        } elseif ($v['cate'] == 4) {
                                            echo '录播课';
                                        } elseif ($v['cate'] == 5) {
                                            echo '直播';
                                        } elseif ($v['cate'] == 6) {
                                            echo '一对一';
                                        } elseif ($v['cate'] == 7) {
                                            echo '封闭班';
                                        } elseif ($v['cate'] == 8) {
                                            echo '热门课程';
                                        } ?></p>
                                    <div>
                                        <p class="recourseTime">总课时：<?php echo $v['duration'] ?></p>
                                        <p class="recoursePrice">免费试听</p>
                                    </div>
                                </div>
                            </a>
                        <?php } ?>
                    </div>
                </div>
                <!-- 资讯推荐-->
                <div class="infoRecommon">
                    <p class="recommonTitle">资讯推荐</p>
                    <?php foreach ($news as $v) { ?>
                        <a href="<?php echo $v['cate'] == 3 ? '/news-headline/' . $v['id'] . '.html' : '/news-information/' . $v['id'] . '.html' ?>"
                           class="recommonItem">
                            <p><?php echo $v['name'] ?></p>
                            <span><?php echo $v['author'] ?>发布于<?php echo $v['pushTime'] == false ? date('Y-m-d', $v['createTime']) : date('Y-m-d', $v['pushTime']) ?></span>
                        </a>
                    <?php } ?>
                </div>
                </div>

            </div>
            <div class="guideContentRight">
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>申友雅思热门课程</p>
                        <a href="/mall.html">
                            MORE
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt="">
                        </a>
                    </div>
                    <!--  hotCourseItem 循环-->
                    <?php foreach($course as $v){?>
                        <div class="hotCourseItem">
                            <p class="itemCourseTitle">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/5@2x.png" alt="">
                                <span> <?php echo  $v['name']?></span>
                            </p>
                            <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png" alt=""><?php echo  $v['duration']?></p>    <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png" alt="" >
                                <?php echo  $v['classTime']?>课时
                            </p>
                            <div class="courseBtn">
                                <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef" target="_blank" class="zxBtn">立即咨询</a>
                                <a href="/course-detail/<?php echo  $v['id']?>.html" class="detailBtn">查看详情</a>
                            </div>
                        </div>
                    <?php }?>
                </div>
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>干货分享</p>
                        <a href="/news/2.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                    </div>
                    <?php foreach ($recommend as $k => $v) { ?>
                        <a href="/news-information/<?php echo $v['id'] ?>.html" class="leadNewItem">
                            <p class="leadNewImg">
                                <img src="<?php echo $v['pic'] ?>" alt="">
                                <span><?php echo $k + 1 ?></span>
                            </p>

                            <div class="leadNewRight">
                                <p class="newsWords"><?php echo $v['name'] ?></p>

                                <p class="ydNum">
                                    <span><?php echo $v['pushTime'] == false ? date('Y-m-d', $v['createTime']) : date('Y-m-d', $v['pushTime']) ?></span><span><?php echo $v['viewCount'] ?>
                                        人阅读</span></p>
                            </div>
                        </a>
                    <?php } ?>
                </div>

                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>最新考位资讯</p>
                        <a href="/news/loc_info.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                    </div>
                    <?php foreach ($examInfo as $k => $v) { ?>
                        <a href="/news-information/<?php echo $v['id']?>.html" class="leadNewItem">
                            <div class="leadNewRight" style="width: 90%;">
                                <p class="newsTitle"><?php echo $v['name']?></p>

                                <p class="newsWords" style="color: #666666;font-size: 12px;margin-top: 10px">
                                    <?php echo $v['summary']?></p>

                                <p class="ydNum"><span>发布于 <?php echo $v['pushTime']==false?date('Y-m-d',$v['createTime']):date('Y-m-d',$v['pushTime'])?></span></p>
                            </div>
                        </a>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
    <!--发送信息弹窗-->
    <div class="sendInfoProp" v-cloak v-show="showProp">
        <div class="sendInfoPropCenter">
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/cha.png" alt="" class="cha" @click="showProp = false">
            <div class="substance">
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/guide/xmf.png" alt="" >
                <div class="substanceRight">
                    <p>考点信息发送</p>
                    <input type="text" v-model="phone" placeholder="手机号码" class="phoneInput">
                </div>
                <a href="javascript:void(0)" @click="sendInformation" class="sendInformationBtn">发送</a>
            </div>
        </div>
    </div>
</section>

<script>
    window.examPointDetail = new Vue({
        el: '#examPointDetail',
        data() {
            return {
                showProp:false,
                pointId:'',
                phone:'',
            }
        },
        created() {

        },
        mounted() {

        },
        methods:{
            sendPoint(id){
                this.pointId = id;
                this.showProp = true
            },
            sendInformation(){
                let that = this;
                let myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
                if(myreg.test(that.phone)){
                    $.post('/cn/api/send-place',{
                        phone:that.phone,
                        id:that.pointId,
                    },function (res) {
                        if(res.code == 1){
                            alert(res.message);
                            this.showProp = false;
                        }else {
                            alert(res.message)
                        }
                    },'json')
                }else {
                    alert('手机号码有误');
                }
            },
        },
    });
</script>
